<!DOCTYPE HTML>
<html>
<head>
    <title>东莞新能德科技有限公司</title>
    <meta name="keywords" content="东莞新能德科技有限公司"/>
    <meta name="description" content="东莞新能德科技有限公司">
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <link rel="stylesheet" href="css/swiper-3.3.1.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src='js/jquery-1.11.2.min.js'></script>
    <script src='js/swiper-3.3.1.min.js'></script>
    <script src='js/nav.js'></script>
</head>
<body>
<div id='container'>

    <!-- 头部 -->

<div class='header'>
    <div class='box'>
        <a href="index.html" class='logo'><img src="img/logo.png" /></a>
        <ul>
            <li>
                <a href="aboutus.html">关于我们</a>
                <img src="img/sj.png" class='sj' />
                <ul class='sub_ul'>
                    <li><a href="aboutus.html#introduction">企业简介</a></li>
                    <li><a href="aboutus.html#brandStory">品牌故事</a></li>
                    <li><a href="aboutus.html#enterpriseCulture">企业文化</a></li>
                    <li><a href="aboutus.html#coreCompetence">核心竞争力</a></li>
                    <li><a href="aboutus.html#development">发展历程</a></li>
                    <li><a href="aboutus.html#honor">公司荣誉</a></li>
                    <li><a href="aboutus.html#system">认证体系</a></li>
                    <li><a href="aboutus.html#audio">宣传视频</a></li>
                    <li><a href="aboutus.html#news">公告栏</a></li>
                </ul>
            </li>
            <li>
                <a href="development.html">研发制造</a>
                <img src="img/sj.png" class='sj' />
                <ul class='sub_ul'>
                    <li><a href="development.html#design">电子设计</a></li>
                    <li><a href="development.html#design">结构设计</a></li>
                    <li><a href="development.html#design">安全设计</a></li>
                    <li><a href="development.html#intelligent">智能制造</a></li>
                    <li><a href="development.html#fangzhen">热仿真技术&机械仿真技术</a></li>
                    <li><a href="development.html#lab">实验室验证</a></li>
                </ul>
            </li>
            <li>
                <a href="product.html">产品应用</a>
                <img src="img/sj.png" class='sj' />
                <ul class='sub_ul'>

                                            <li><a href="product.html#A">手机</a></li>
                                            <li><a href="product.html#B">平板电脑</a></li>
                                            <li><a href="product.html#C">笔记本</a></li>
                                            <li><a href="product.html#D">无人机</a></li>
                                            <li><a href="product.html#E">穿戴设备</a></li>
                                            <li><a href="product.html#F">其他多并串项目</a></li>
                                            <li><a href="product.html#G">移动电源</a></li>
                    

                </ul>
            </li>
            <li>
                <a href="sociology.html">社会责任</a>
                <img src="img/sj.png" class='sj' />
                <ul class='sub_ul'>
                    <li><a href="sociology.html#norm">企业商业行为准则</a></li>
                    <li><a href="sociology.html#greenProduct">绿色生产</a></li>
                    <li><a href="sociology.html#economy">循环经济</a></li>
                    <li><a href="sociology.html#environment">环境健康与安全</a></li>
                    <li><a href="sociology.html#jobSafety">职业安全健康方针</a></li>
                </ul>
            </li>
            <li>
                <a href="occupation.html">职业发展</a>
                <img src="img/sj.png" class='sj' />
                <ul class='sub_ul'>
                    <li><a href="occupation.html#joinUs">加入我们</a></li>
                    <li><a href="occupation.html#talentTreatment">人才待遇</a></li>
                    <li><a href="occupation.html#developmentPlanning">发展规划</a></li>
                    <li><a href="https://jobs.51job.com/all/co2701940.html" target='_blank'>招聘信息</a></li>
                </ul>
            </li>
            <li>
                <a href="contactus.html">联系我们</a>
            </li>
        </ul>
        <a href="javascript:void(0);" class='search'><img src="img/top2.png"></a>
        <a href="javascript:void(0);" class='language'><img src="img/top1.png"></a>
    </div>
    <div class='dropDown'>
        <div class='div box_language'>
            <span><a href="javascript:void(0);" lang="cn" class="mybtn">中文简体</a></span>
            <span><a href="javascript:void(0);" lang="en" class="mybtn">English</a></span>
        </div>
        <div class='div box_search'>
            <div class='div_search'>
                <input type='text' /><img src="img/top2.png">
            </div>
        </div>
    </div>
</div>







<!-- 头部(750px) -->
<div class='header_phone'>
    <div class='box'>
        <a href="index.html" class='logo'><img src="img/logo.png" /></a>
        <a href="#" class='language'><img src="img/top1_mobile.png"></a>
        <a href="#" class='search' id='showSub'><img style='width:23px;' src="img/lib_mobile.png"><img class='sj' src="img/sj.png"></a>
    </div>
    <ul>
        

            <li><a href="index.html">首页</a></li>
            <li><a href="aboutus.html">关于我们</a></li>
            <li><a href="development.html">研发制造</a></li>
            <li><a href="product.html">产品应用</a></li>
            <li><a href="sociology.html">社会责任</a></li>
            <li><a href="occupation.html">职业发展</a></li>
            <li><a href="contactusus.html">联系我们</a></li>
            </ul>
    <div class='dropDown'>
        <div class='div box_language'>
            <span><a href="javascript:void(0);" lang="cn" class="mybtn">中文简体</a></span>
            <span><a href="javascript:void(0);" lang="en" class="mybtn">English</a></span>

            <!--<pre>string(0) ""
</pre>-->
            <!--<span><button type="button" lang="cn" class="mybtn">中文</button></span>-->
            <!--<span><button type="button" lang="en" class="mybtn">英文</button></span>-->

            <script>
                $('.mybtn').click(
                    function () {
                        var data = {'lang':$(this).attr('lang')}
                        $.get("index.html",data,function () {
                            location.reload();
                        })
                    }
                )
            </script>
        </div>
    </div>
</div>

    <!-- 主体部分 -->

    <div class='main'>
        <!-- 关于我们 -->
        <div class='section section1' name='about' id='about'>
            <img src="img/indexm1.jpg" class='img_bac img_mobile'> 
            <img src="img/indexp1.jpg" class='img_bac img_pc'>
            <div class='text' id='img'>
                <div id='img_box'>
                    <img src="img/nvt.png" class='nvt img_pc'>
                    <img src="img/nvt_mobile.png" class='nvt nvt_mobile img_mobile'>
                </div>

                                    <p>专注于为消费类电子产品、电动车、智能储能产品和其他环保项目提供一流的新能源解决方案。</p>
                    <a href="aboutus.html"><img class='more' src="img/more.png"></a>
                    <!-- <a href="aboutus.html">了解更多 ></a> -->
                
            </div>
        </div>
        <!-- 研发制造 -->
        <div class='section section2' name='research' id='research'>
            <div class='box1'>
                <img src="img/indexg1.gif" class='gif'>

                                    <h2>研发制造</h2>
                    <pre>NVT中心实验室是华南地区第一家拥有UL-WTDP资质的实验室，拥有UL2054，UL60950，IEC62133认证测试的资质，是中国合格评定国家认可委员会(CNAS)认可实验室。</pre>
                    <a href="development.html">了解更多 ></a>
                            </div>
            <div class='box2'>
                                    <div>
                        <img src="img/index1.png">
                        <p>电子设计</p>
                    </div>
                                    <div>
                        <img src="img/index2.png">
                        <p>结构设计</p>
                    </div>
                                    <div>
                        <img src="img/index3.png">
                        <p>安全设计</p>
                    </div>
                                    <div>
                        <img src="img/index4.png">
                        <p>智能制造</p>
                    </div>
                                    <div>
                        <img src="img/index5.png">
                        <p>热仿真技术&amp;机械仿真技术</p>
                    </div>
                                    <div>
                        <img src="img/index6.png">
                        <p>实验室验证</p>
                    </div>
                            </div>
        </div>
        <!--幻灯片  Swiper -->
        <div class="swiper-container section" name='product' id='product'>
            <div class="swiper-wrapper">

                <div class="swiper-slide">
                    <div class='box_imgs' >
                        <p class='img_mobile'><img src="img/indexm2.jpg"></p>
                        <p class='img_pc'><img src="img/indexp2.jpg"></p>
                        <div class='box'>
                            <div class='text'>
                                <img src="img/indexg2.gif" class='gif'>
                                <h2>产品应用</h2>
                                <pre>NVT通过研发新技术并不断升级产品，力求提升用户的生活品质。NVT的电池产品被广泛应用于智能手机、平板电脑、笔记本电脑、无人飞机、电子游戏机、移动电源、可穿戴电子产品、虚拟与增强现实产品、电动平衡车、电动工具、园林工具、电动自行车、储能设备等领域。我们为能够生产驱动类型丰富的电子产品、服务众多用户而深感自豪。</pre>
                                                                <a href="product.html">了解更多 ></a>
                                                            </div>
                        </div>
                    </div>
                </div>


            </div>

        </div>


        <!-- 社会责任 -->
        <div class='section section4' name='responsibility' id='responsibility'>
            <img src="img/bac3_mobile.jpg" class='img_bac section4_img img_mobile'>
            <img src="img/indexp3.jpg" class='img_bac section4_img img_pc'>
            <div class='box_t'>
                <div class='texts'>
                    <img src="img/indexg3.gif" class='gif'>


                                        <h2>社会责任</h2>
                    <pre>NVT坚持履行企业社会责任，将产品质量和人们安全幸福的生活质量相结合的企业态度，将公司发展和企业员工的物质精神建设同步的企业文化。在追求社会和谐、环保、用户生活质量和企业管理等方面达到协调统一发展的状态，我们会持续审视并完善企业的社会责任政策，并通过全体员工恪守的行为规范加以传达。</pre>
                    <a href="sociology.html">了解更多 ></a>
                    

                </div>
            </div>
        </div>
        <!-- 职业发展 -->
        <div class='section section5' name='job' id='job'>
            <img src="img/bac4_mobile.jpg" class='img_bac img_mobile'>
            <img src="img/bac4_pc.jpg" class='img_bac img_pc'>
            <div class='box_t'>
                <div class='texts'>
                    <img src="img/indexg4.gif" class='gif'>

                                        <h2>职业发展</h2>
                    <p><pre>NVT是一个充满朝气和拥有无限可能的科技创新公司，正如有梦想、有拼劲的年轻人。
立即行动，加入我们，共创美好未来。</pre></p>
                    <a href="occupation.html">了解更多 ></a>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    
<div class='footer'>
        <div class='box'>
        <ul>
            <li>
                <a href="aboutus.html">关于我们</a>
                <ul class='sub_ul'>
                    <li><a href="aboutus.html#introduction">企业简介</a></li>
                    <li><a href="aboutus.html#brandStory">品牌故事</a></li>
                    <li><a href="aboutus.html#enterpriseCulture">企业文化</a></li>
                    <li><a href="aboutus.html#coreCompetence">核心竞争力</a></li>
                    <li><a href="aboutus.html#development">发展历程</a></li>
                    <li><a href="aboutus.html#honor">公司荣誉</a></li>
                    <li><a href="aboutus.html#system">认证体系</a></li>
                    <li><a href="aboutus.html#audio">宣传视频</a></li>
                    <li><a href="aboutus.html#news">公告栏</a></li>
                </ul>
            </li>
            <li>
                <a href="development.html">研发制造</a>
                <ul class='sub_ul'>
                    <li><a href="development.html#design">电子设计</a></li>
                    <li><a href="development.html#design">结构设计</a></li>
                    <li><a href="development.html#design">安全设计</a></li>
                    <li><a href="development.html#intelligent">智能制造</a></li>
                    <li><a href="development.html#fangzhen">热仿真技术&机械仿真技术</a></li>
                    <li><a href="development.html#lab">实验室验证</a></li>
                </ul>
            </li>
            <li>
                <a href="product.html">产品应用</a>
                <ul class='sub_ul'>
                                            <li><a href="product.html#A">手机</a></li>
                                            <li><a href="product.html#B">平板电脑</a></li>
                                            <li><a href="product.html#C">笔记本</a></li>
                                            <li><a href="product.html#D">无人机</a></li>
                                            <li><a href="product.html#E">穿戴设备</a></li>
                                            <li><a href="product.html#F">其他多并串项目</a></li>
                                            <li><a href="product.html#G">移动电源</a></li>
                                    </ul>
            </li>
            <li>
                <a href="sociology.html">社会责任</a>
                <ul class='sub_ul'>
                    <li><a href="sociology.html#norm">企业商业行为准则</a></li>
                    <li><a href="sociology.html#greenProduct">绿色生产</a></li>
                    <li><a href="sociology.html#economy">循环经济</a></li>
                    <li><a href="sociology.html#environment">环境健康与安全</a></li>
                    <li><a href="sociology.html#jobSafety">职业安全健康方针</a></li>
                </ul>
            </li>
            <li>
                <a href="occupation.html">职业发展</a>
                <ul class='sub_ul'>
                    <li><a href="occupation.html#joinUs">加入我们</a></li>
                    <li><a href="occupation.html#talentTreatment">人才待遇</a></li>
                    <li><a href="occupation.html#developmentPlanning">发展规划</a></li>
                </ul>
            </li>
            <li>
                <a href="contactusus.html">联系我们</a>
                <ul class='sub_ul'>
                    <li><a href="contactusus.html#area">区域位置</a></li>
                    <li><a href="contactusus.html#guide">交通指南</a></li>
                </ul>
            </li>
            <div style='clear:both;'></div>
        </ul>
    </div>
    
    <p>© 2016 Dongguan NVT Technology Limited. All Rights Reserved. <a href='https://beian.miit.gov.cn'>粤ICP备09221921号</a></p>
</div>

<div class="scroll">
    <div class='scroll0'><img src="img/scroll0.png"/></div>
    <div class='scroll1'><img src="img/scroll1.png"/></div>
</div>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            autoplay:3000
        });
    </script>

    <script>
        var img_offsetTop = document.getElementById('img').offsetTop;
        var img_box_height = $('#img_box').height();
        var win_scroll = $(window).scrollTop();

        if(win_scroll<img_offsetTop+img_box_height){
            $('.section1 .nvt').addClass('animate_item');
        }

        $(window).scroll(function(){
            if($('.section1 .nvt').hasClass('animate_item')){

            }
            else{
                if($(window).scrollTop()<img_offsetTop+img_box_height){
                    $('.section1 .nvt').addClass('animate_item');
                }
            }

        })
    </script>
</div>
</body>
</html>